<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>待复核备货计划列表</title>
		<link rel="stylesheet" href="css/twicereview.css">
		<link rel="stylesheet" href="./css/bootstrap.css">
		<script src="./lib/layui/layui.js" charset="utf-8"></script>
		<script src="js/jquery.min.js"></script>
		<script src="boot/js/bootstrap.js"></script>
		<script src="js/vue.js"></script>
	</head>
	<body id="main">
		<div id="find">
			<div id="find01">
				经销商编码：<input type="text" name="dealer_code" id="dealer_code" value="" placeholder="请输入" />
			</div>
			<div id="find02">
				经销商名称:<input type="text" name="dealer_name" id="dealer_name" value="" placeholder="请输入"/>
			</div>
			<div id="find03">
				订单编号:<input type="text" name="order_code" id="order_code" value=""  placeholder="请输入"/>
			</div>
			<div id="find04">
				区域：<select id="find04_1">
				<option  value="华东">华东</option>
				<option  value="华南">华南</option>
			</select>
			</div>
			<div id="find05">
				订单日期：<div class="layui-input-inline" id="find05_1">
							 <input type="text" class="layui-input" id="test1" placeholder="yyyy-MM-dd">
						</div>
						<div class="layui-form-mid">-</div>
						<div class="layui-input-inline" id="find05_2">
						<input type="text" class="layui-input" id="test25" placeholder="yyyy-MM-dd">
					</div>
			</div>
			<div id="find07">
				<input type="button" name="query" id="query" value="查询"  @click="getData()"/>
			</div>
			<div id="find8">
				<input type="button" name="cheeck" id="cheeck" value="审核" />
			</div>
			<div id="showtable">
				<table id="table1">
					<thead>
						<tr>
							<th><input type="checkbox" id="all" @click="allSelect()"></th>
							<th>序号</th>
							<th>提交备货计划日期</th>
							<th>备货计划订单编号</th>
							<th>经销商编码</th>
							<th>经销商名称</th>
							<th>区域</th>
							<th>产品编码</th>
							<th>产品型号</th>
							<th>品类</th>
							<th>总数量</th>
							<th>开票价格</th>
							<th>总金额</th>
							<th>总体积(m^3)</th>
							<th>订单初审人</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
					<tr v-for="item in res">
						<td><input type="checkbox"></td>
						<td>{{item.id}}</td>
						<td>{{item.require_date_from}}</td>
						<td>{{item.order_code}}</td>
						<td>{{item.dealer_code}}</td>
						<td>{{item.dealer_name}}</td>
						<td>{{item.area}}</td>
						<td>{{item.pro_code}}</td>
						<td>{{item.pro_attr}}</td>
						<td>{{item.pro_type}}</td>
						<td>{{item.pro_num}}</td>
						<td>{{item.base_price}}</td>
						<td>{{item.base_price*item.pro_num}}</td>
						<td>{{item.total_volume}}</td>
						<td>{{item.view_user}}</td>
						<td>
							<div class="btn-sm btn-warning" data-toggle="modal" data-target="#detail2">查看详情</div>
							<div class="btn-sm btn-success" data-toggle="modal" data-target="#sh2">审核</div>
							<div class="btn-sm btn-info" data-toggle="modal" data-target="#fj">附件</div>
						</td>
					</tr>
						
					</tbody>
				</table>
				<!-- Modal -->
				<div class="modal fade" id="detail2" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="detail2staticBackdropLabel" aria-hidden="true">
					<div class="modal-dialog modal-dialog-scrollable modal-xl">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="detail2staticBackdropLabel">订单信息</h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							111111

							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							</div>
						</div>
					</div>
				</div>

				<!--Modal审核 -->
				<div class="modal fade" id="sh2" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="sh2staticBackdropLabel" aria-hidden="true">
					<div class="modal-dialog modal-dialog-centered ">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="sh2staticBackdropLabel">审核信息</h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="btn-sm btn-success col-md-4" data-toggle="modal" data-target="#pass2">审核通过</div>
							<div class="btn-sm btn-dark col-md-4 ml-auto" data-toggle="modal" data-target="#stop2">不通过</div>

							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							</div>
						</div>
					</div>
				</div>
				<!--Modal审核信息 -->
				<div class="modal fade" id="stop2" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="stop2staticBackdropLabel" aria-hidden="true">
					<div class="modal-dialog modal-dialog-centered ">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="stop2staticBackdropLabel">审核信息</h5>
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							1111111

							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
								<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#NEXT">确定</button>
							</div>
						</div>
					</div>
				</div>





				<nav aria-label="Page navigation">
					<ul class="pagination" >
						<li>
							<div class="btn btn-dark">
								<a href="#" aria-label="Previous">
									<span aria-hidden="true" @click="prePage()">上一页</span>
								</a>
							</div>
						</li>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<li>
							<div class="btn btn-dark">
								<a href="#" aria-label="Next">
									<span aria-hidden="true" @click="nextPage()">下一页</span>
								</a>
							</div>
						</li>
					</ul>
				</nav>
				
				<div id="find08">
					<div id="find08_01" class="text">
						<p>
							<span>&nbsp;&nbsp;&nbsp;汇总信息</span>
						</p>
						
					</div>
				</div>
			</div>  
			
		</div>
		
	</body>
	<script >
	layui.use('laydate', function(){
	  var laydate = layui.laydate;
	 //常规用法
	   laydate.render({
	     elem: '#test1',
		   type: 'datetime'
	   });
	    //点我触发
	     laydate.render({
	       elem: '#test25'
	       ,eventElem: '#test25-1'
	       ,trigger: 'click',
			 type: 'datetime'
	     });
	  });
	</script>
<script src="js/twicereview.js"></script>
<script src="js/yz.js"></script>
</html>
